﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>BPM云 - 登录</title>

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta http-equiv="Cache-Control" content="no-store,no-cache,must-revalidate"/>
	<meta http-equiv="Pragma" content="no-cache"/>
	<meta http-equiv="Expires" content="0"/>
	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>

	<meta name="name" content="BPM云"/>
	<meta name="author" content="Johnny"/>
	<meta name="keywords" content="BPM云,BPM SaaS,云工作流,业务流程云,工作流,工作流引擎,流程审批,审批流,OA云,办公自动化"/>
	<meta name="description" content="META_DESC_LOGIN"/>

	<link rel="canonical" href="https://www.bpmyun.top" />

	<%
	if (profile=="dev") {
	%>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/simple-line-icons/css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/admin/pages/css/login-soft.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css"/>
	<!--<link href="${cdn}/static/skins/lightblue/assets/bootstrap/global/css/plugins.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
	<link href="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>-->
	<% } else { %>
	<link href="${cdn}/static/skins/lightblue/assetsmin/platform/portal/login.all.css?${productionVersion}" rel="stylesheet" type="text/css">
	<% }%>
	<!-- END THEME STYLES -->
	<link rel="shortcut icon" href="${cdn}/favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="login page-footer-fixed">
<div class="row browser-tip">
	<div class="col-lg-12 col-md-12 old-ie-tip">
		<span>小提示：您的浏览器有些古老（IE版本不能低于9）</span>
	</div>
	<div class="col-lg-12 col-md-12">
			<span>为了获得最佳使用体验，建议您升级到最新版的
				<a href="http://www.googlechromer.cn/" target="_blank">谷歌浏览器</a>
				或<a href="http://www.firefox.com.cn/" target="_blank">火狐浏览器</a></span>
	</div>
</div>
<!-- BEGIN LOGO -->
<div class="logo" style="width:400px;">
	<a href="https://www.bpmyun.cn" target="_blank">
	<img src="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout/img/logo-big2.png?${productionVersion}" alt=""/>
	</a>
	<span style="color:white;float:left;">&#174;</span>

	<!--<a href="javascript:;" class="btn btn-lg green" style="margin-top:20px;">
		<i class="icon-badge"></i>&nbsp;公测版
	</a>-->

</div>
<!-- END LOGO -->
<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
<div class="menu-toggler sidebar-toggler">
</div>
<!-- END SIDEBAR TOGGLER BUTTON -->
<!-- BEGIN LOGIN -->
<div class="content">
	<!-- BEGIN LOGIN FORM -->
	<%if (authtype == "ssjwt") {%>
	<form class="login-form" action="/" method="post" success-url="${successUrl}">
	<%} else {%>
	<form class="login-form" action="j_security_check" method="post">
	<%}%>
		<h3 class="form-title">登入您的帐号</h3>
		<div class="alert alert-danger display-hide">
			<button class="close" data-dismiss="alert" type="button"></button>
			<span>用户名或密码错误</span>
		</div>
		<div class="form-group">
			<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
			<label class="control-label visible-ie8 visible-ie9">用户名，邮箱，手机号</label>
			<div class="input-icon">
				<i class="icon-user"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="用户名，邮箱，手机号" name="j_username"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">密码</label>
			<div class="input-icon">
				<i class="icon-lock"></i>
				<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="密 码" name="j_password"/>
			</div>
		</div>
		<%if (authtype == "ssjwt") {%>
		<div class="row">
			<div class="form-group col-xs-6">
				<label class="control-label visible-ie8 visible-ie9">验证码</label>
				<div class="input-icon">
					<i class="icon-shield"></i>
					<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="验证码" name="captcha" maxlength="4"/>
				</div>
			</div>
			<div class="form-group col-xs-6">
				<img class="img-captcha" src="" alt=""><a href="javascript:void(0)" class="btn-refresh-captcha" title="刷新"><i class="icon-refresh"></i></a>
			</div>
		</div>
		<%}%>
		<div class="form-actions">
			<label class="checkbox">
			<!-- <input type="checkbox" name="remember" value="1"/> 记住我  --></label>
			<button type="button" class="btn blue pull-right submitbtn">
			登入 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
		
		<div class="create-account">
            <div class="btn-group">
                <button type="button" class="btn btn-default blue-stripe btn-sm" id="register-btn"><i class="icon-user-follow"></i>&nbsp;注册</button>
                <button type="button" class="btn btn-default blue-stripe btn-sm" id="forget-password"><i class="icon-lock-open"></i>&nbsp;忘记密码？</button>
            </div>
		</div>
	</form>
	<!-- END LOGIN FORM -->
	<!-- BEGIN FORGOT PASSWORD FORM -->
	<form class="forget-form" action="index.html" method="post">
		<h3>忘记密码？</h3>
		<p>
			 请输入电子邮箱以重置您的密码
		</p>
		<div class="form-group">
			<div class="input-icon">
				<i class="icon-envelope"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="注册邮箱地址" name="email"/>
			</div>
		</div>
		<div class="form-actions">
			<button type="button" id="forget-back-btn" class="btn">
			<i class="m-icon-swapleft"></i> 返回 </button>
			<button type="button" id="forget-submit-btn" class="btn blue pull-right">
			提交 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
	</form>
	<!-- END FORGOT PASSWORD FORM -->
	<!-- BEGIN REGISTRATION FORM -->
	<form class="register-form" action="index.html" method="post">
		<h3>注册</h3>

		<p>
			请输入企业邀请码：
		</p>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">企业邀请码</label>
			<div class="input-icon">
				<i class="icon-check"></i>
				<input class="form-control placeholder-no-fix" type="text" placeholder="请输入企业邀请码" name="inviteCode"/>
			</div>
		</div>

		<div class="form-group">
			<label style="background-color:white;color:black;border-radius:6px;">
				&nbsp;您的企业未注册？请点<a href="/pages/platform/profile/tenant/register" target="_blank">
				这里</a>&nbsp;注册企业号
			</label>
		</div>

		<p>
			 请输入您的注册帐号信息
		</p>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">登录名</label>
			<div class="input-icon">
				<i class="icon-user"></i>
				<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="登录名，英文字母开头可以包含数字" name="loginName"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">密码</label>
			<div class="input-icon">
				<i class="icon-lock"></i>
				<input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="密码" name="password"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">重复输入密码</label>
			<div class="controls">
				<div class="input-icon">
					<i class="icon-check"></i>
					<input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="重复输入密码" name="rpassword"/>
				</div>
			</div>
		</div>
		<p>
			 请输入个人信息：
		</p>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">姓名</label>
			<div class="input-icon">
				<i class="icon-credit-card"></i>
				<input class="form-control placeholder-no-fix" type="text" placeholder="真实姓名" name="realName"/>
			</div>
		</div>
		<div class="form-group">
			<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
			<label class="control-label visible-ie8 visible-ie9">邮箱</label>
			<div class="input-icon">
				<i class="icon-envelope"></i>
				<input class="form-control placeholder-no-fix" type="text" placeholder="邮箱地址，可用于登录" name="email"/>
			</div>
		</div>
		<div class="form-group">
			<label class="control-label visible-ie8 visible-ie9">手机</label>
			<div class="input-icon">
				<i class="icon-screen-smartphone"></i>
				<input class="form-control placeholder-no-fix" type="text" placeholder="手机号码，可用于登录" name="mobile"/>
			</div>
		</div>
		
		<div class="form-group">
			<label style="background-color:white;color:black;border-radius:6px;">
			<input type="checkbox" name="tnc"/>&nbsp;我同意 <a href="/pages/platform/profile/tenant/term" target="_blank">服务条款</a>
			<!--和 <a href="javascript:;">
			隐私策略 </a>-->
			</label>
			<div id="register_tnc_error">
			</div>
		</div>
		<div class="form-actions">
			<button id="register-back-btn" type="button" class="btn">
			<i class="m-icon-swapleft"></i> 返回 </button>
			<button type="button" id="register-submit-btn" class="btn blue pull-right">
			注册 <i class="m-icon-swapright m-icon-white"></i>
			</button>
		</div>
	</form>
	<!-- END REGISTRATION FORM -->
</div>
<!-- END LOGIN -->
<!-- BEGIN COPYRIGHT -->
<p>
	<br/>
	<br/>
	<br/>
	<div class="copyright">
		<p>
	        官网访问 <a href="https://www.bpmyun.cn" target="_blank">
			<img src="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/img/logo-default2.png" alt="BPM云" style="height:14px;margin-top:-4px;"/>
			</a>
		</p>
		<span style="line-height:20px;">
			2015 &copy; All rights reserved. &nbsp;&nbsp; Powered by &nbsp; 北京野码科技有限公司
			<!--<a href="https://www.bpmyun.cn" target="_blank">
				<img src="${cdn}/static/skins/lightblue/assets/bootstrap/admin/layout2/img/logo-default2.png" alt="BPM云" style="height:14px;margin-top:-4px;"/>
			</a>-->
		</span>

		<br/>
		<div style="width:300px;margin:0 auto; padding:20px 0;">
			京ICP备17001457号-1
			<!--href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010602005984"-->
			<a target="_blank" href="javascript:;return false;" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="${cdn}/static/skins/lightblue/images/beian/beian.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#e6e6e6;">京公网安备 11010602005984号</p></a>
		</div>
	</div>
</p>

<!-- /.modal -->
<div class="modal fade" id="succModal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" style="background-color: #2c8bfb;color:white;">
				<h4 class="modal-title">
					<i class="icon-check"></i>提交成功
				</h4>
			</div>
			<div class="modal-body">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
			</div>
		</div>
	</div>
</div>

<script>
    var ctxpath = "/";
    var resloc = "${cdn}";
    var api_loc = '/bpmp-engine/openapi/v1';
    //var assetsPath = resloc + "/static/skins/lightblue/assets/bootstrap";
    var globalImgPath = "/global/img";
</script>
<!-- END COPYRIGHT -->
<%
if (profile=="dev") {
%>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/respond.min.js"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/excanvas.min.js"></script>
<script src="${cdn}/static/jslib/jquery/jquery1.11.2.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/jquery/jquery.form.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/jquery-validation/js/localization/messages_zh.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jslib/bootstrap/global/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
<script src="${cdn}/static/jsplatform/portal/login/pagestyle.js" type="text/javascript"></script>
<script src="${cdn}/static/jsplatform/portal/login/login.js" type="text/javascript"></script>
<% } else { %>
<script src="${cdn}/static/jsmin/platform/portal/login.all.js?${productionVersion}"></script>
<% }%>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
jQuery(document).ready(function() {

  Login.check();
  Login.init();

  var bgpath = resloc + '/static/skins/lightblue/assets/bootstrap/admin/pages/media/bg/';
      $.backstretch([
          bgpath+"1.jpg?${productionVersion}",
          bgpath+"5.jpg?${productionVersion}",
		  bgpath+"7.jpg?${productionVersion}",
		  //bgpath+"2.jpg?${productionVersion}",
		  //bgpath+"3.jpg?${productionVersion}",
		  bgpath+"4.jpg?${productionVersion}",
		  bgpath+"6.jpg?${productionVersion}"
	  ], {
          fade: 1000,
          duration: 4000
	  }
  );

});
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>